<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Zoek
    </ui:define>
    
    <ui:define name="content">
        <h3>Zoekcriteria:</h3>
        <ul>
            <li>Bestemming</li>
            <li>Periode</li>
            <li>Aantal beschikbare plaatsen</li>
            <li>Vervoerswijze</li>
        </ul>
        
        <h1>Zoek:</h1>
        <h:form>
            <p>
                <h:outputLabel id="bestemmingLabel" for="selectBestemming" value="Bestemming: " />
                <h:selectOneMenu id="selectBestemming" value="#{zoekController.bestemming}">
                    <f:selectItem itemLabel="--Alle Bestemmingen--" itemValue="0"/>
                    <f:selectItems value="#{bestemmingController.bestemmingen}" var="bestemming" itemLabel="#{bestemming}" itemValue="#{bestemming.id}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="periodeLabel" for="selectPeriode" value="Periode: " />
                <h:selectOneMenu id="selectPeriode" value="#{zoekController.periode}">
                    <f:selectItem itemLabel="--Alle Periodes--" itemValue="0"/>
                    <f:selectItems value="#{periodeController.perioden}" var="periode" itemLabel="#{periode}" itemValue="#{periode.id}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="plaatsenLabel" for="selectPlaatsen" value="Plaatsen: " />
                <h:selectOneMenu id="selectPlaatsen" value="#{zoekController.plaatsen}">
                    <f:selectItem itemLabel="--Alle Plaatsen--" itemValue="0"/>
                    <f:selectItems value="#{reisController.plaatsen}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="vervoerLabel" for="selectVervoer" value="Vervoer: " />
                <h:selectOneMenu id="selectVervoer" value="#{zoekController.vervoer}">
                    <f:selectItem itemLabel="--Alle Vervoersmiddelen--" itemValue="0"/>
                    <f:selectItems value="#{vervoerController.vervoeren}" var="vervoer" itemLabel="#{vervoer}" itemValue="#{vervoer.id}"/>
                </h:selectOneMenu>
            </p>

            <p><h:commandButton value="Zoek" action="#{zoekController.zoek()}"></h:commandButton></p>
        </h:form>
        
    </ui:define>
    
</ui:composition>
